<template>
    <section>
        <span class="title">下钻条件</span>
        <template v-if="selectorOption && selectorOption.length>0">
            <el-checkbox v-for="selector in selectorOption" v-model="selector.value" :label="selector.label" border size="small"></el-checkbox>
        </template>
    </section>
</template>

<script>
  export default {
    name: "drilling-selector",
    props: {
      selectorOption: {
        type: Array,
        default: () => {
          return []
        }
      }
    }
  }
</script>

<style scoped>
    .title {
        font-weight: bold;
        margin-right: 10px;
        font-size: 16px;
    }
    .el-checkbox {
        margin-right: 0;
    }
</style>